<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <title>Consultar Listas Produto - Cliente</title>
        <link href="br.css/style.css" rel="stylesheet" type="text/css" media="screen" />
    </h:head>
    <h:body>
        <div id="corpoSite">

            <div id="cabecalho">
                <h:form>
                    <p:menubar autoSubmenuDisplay="true" style="height: 40px;">  
                        <p:submenu label="Produtos" >  
                            <p:menuitem value="Cadastrar" url="cliente_cad_produto.xhtml" />  
                            <p:menuitem value="Consultar" url="cliente_cons_produto.xhtml" />   
                        </p:submenu> 
                        <p:submenu label="Listas" >  
                            <p:menuitem value="Cadastrar" url="cliente_cad_list.xhtml"/> 
                            <p:menuitem value="Consultar" url="cliente_cons_list.xhtml" />
                        </p:submenu>  
                        <p:menuitem value="Sair" action="#{rFacesUsers.logout}"  icon="ui-icon ui-icon-close" ajax="false"/>  
                    </p:menubar>    
                </h:form>
            </div>

            <div id="menu">

            </div> 

            <div id="content">
                <div id="firstHeading">

                </div>
                <div class="mapa">
                    <br />
                    <div class="mapa">
                        <br />
                        <p:breadCrumb preview="true" expandEffectDuration="200" previewWidth="100">
                            <p:menuitem value="Cliente" url="cliente_index.xhtml" />
                            <p:menuitem value="Consultar Listas" url="cliente_cons_list.xhtml" />
                            <p:menuitem value="Inserir Produtos" url="cliente_ins_listaproduto.xhtml" />
                        </p:breadCrumb>
                    </div>
                </div>
                <hr />
                <div id="conteudo">
                    <p:panel header="Adicionar um produto">  
                        <h:dataTable value="#{rFacesProdutos.all}" var="prod" cellspacing="5px">
                            <h:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Codigo" />  
                                </f:facet>  
                                <h:outputText value="#{prod.codigoprod}" />  
                                <c:set value="#{prod.codigoprod}" var="codPro" /> 
                            </h:column> 
                            <h:column>  
                                <f:facet name="header">  
                                    <h:outputText value="Descrição" />  
                                </f:facet>  
                                <h:outputText value="#{prod.descricao}" />  
                            </h:column> 
                            <h:column>
                                <h:form>
                                    <f:facet name="header">  
                                        <h:outputText value="Qtd Requerida" />
                                    </f:facet>
                                    <p:inputText value="#{rFacesListas.qtd}" size="4" required="true" id="qtd"/>                                    
                                    <h:commandButton value="Adicionar" action="#{rFacesListas.pagAddProduto()}" > 
                                        <f:param value="#{codPro}" name="codPro" />
                                    </h:commandButton>   
                                    <p:message for="qtd" display="icon" />
                                </h:form>
                            </h:column>
                        </h:dataTable>
                    </p:panel>                   
                    <h:form>
                        <p:panel header="Lista"> 
                            <p:outputPanel>  
                                <p:dataTable value="#{rFacesListas.listaprodutosCollection}" var="prod">  
                                    <p:column>  
                                        <f:facet name="header">  
                                            <h:outputText value="Codigo" style="width:20px" />  
                                        </f:facet>  
                                        <h:outputText value="#{prod.produtos.codigoprod}" />  
                                    </p:column> 
                                    <p:column>  
                                        <f:facet name="header">  
                                            <h:outputText value="Descrição" />  
                                        </f:facet>  
                                        <h:outputText value="#{prod.produtos.descricao}" />  
                                    </p:column>  
                                    <p:column>  
                                        <f:facet name="header">  
                                            <h:outputText value="Qtd Requerida" />  
                                        </f:facet>  
                                        <h:outputText value="#{prod.qtdrequerida}" />  
                                    </p:column>  
                                    <p:column>  
                                        <f:facet name="header">  
                                            <h:outputText value="Excluir Produto" />  
                                        </f:facet>  
                                        <h:commandButton value="Excluir" action="#{rFacesListas.pagRemoverProduto()}" >
                                            <f:param value="#{prod.produtos.codigoprod}" name="codPro" />
                                        </h:commandButton>
                                    </p:column> 
                                </p:dataTable>  
                            </p:outputPanel> 
                            <h:commandButton action="#{rFacesListas.pagSalvarProdutos()}" value="Salvar Lista"/>
                        </p:panel>
                    </h:form>
                </div>
                <div id="footer">
                    <hr />
                    <div>
                        Você está logado como: #{rFacesUsers.login}
                    </div>
                    <div>
                        Novembro 2011. All rights reserved.<br />Referência: <a href="http://http://localhost:8080/wabt/" target="_blank">WabT</a>            
                    </div>
                    <div>
                        Trabalho final de Projeto Integrador e Modelagem Web
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>

